@charset "utf-8";
/**** PRIMO BLOCCO IN ALTO ******/

#main_content {
	border-top: 1px solid #cccccc;
}

#explanation {
	background-color: #ddf;
	display: block;
	float: left;
	margin-left: 2%;
	margin-bottom: 2%;
	margin-top: 2%;
	width: 35%;
}

#explanation h1 {
	background-color: #fff;
	border-bottom: 1px solid #aaa;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.2em;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -5px;
	margin-right: -5px;
	padding: 1%;
}

#explanation h2 {
	background-color: #fff;
	border-bottom: 1px solid #aaa;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	letter-spacing: normal;
	line-height: 1.2em;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -5px;
	margin-right: -5px;
	padding: 1%;
	text-transform: normal;
}



#explanation p {
	background: transparent url('../images/explBg.jpg') no-repeat bottom right;
	border-top: 1px solid #bbbbaa;
	font-family: Georgia, serif;
	font-style: italic;
	line-height: 1.4em;
	margin-left: 0%;
	margin-top: 0%;
	padding-left: 10px;
	padding-right: 5px;
	padding-top:5px;
}

#explanation p strong {
	font-size: 1.1em;
}

#steps {
	border: 1px dotted #fff;
	display: inline-block;
	margin-top: 2%;
	margin-left: 4%;
	min-width: 250px;
	padding: 5px;
	padding-bottom: 0px;
	width: 35%;
}

#steps h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	margin-top: 0px;
	text-align: center;
}

#steps ol {
	margin-top: 6%;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

#step_list li {
	background: #fff;
	border: 1px solid white;
	border-bottom-color: #aaaaaa;
	clear: both;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px;
	list-style: none;
	line-height: 1.3em;
}


#step_list li img {
	clear: left;
	float:left;
	height: 80px;
	margin-right: 2%;
	margin-top: -30px;
	margin-bottom: 30px;
	padding-top: 5px;
	width: 80px;
}

.edv_title {
	color: #00cc00;
}


#news {
	background: #33a;
	border-bottom: 1px solid #005;
	float: left;
	margin-left: 4%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	width: 35%;
}

#news h2 {
	color: #fff;
	margin-top: 2px;
	margin-bottom: 4px;
}

#news p {
	color: #fff;
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}

/***** FINE PRIMO BLOCCO IN ALTO ******/

/******** BLOCCO DEI FEED ***********/

#feed_result {
	background-color: #ddf;
	clear: left;
	float:left;
	margin-left: 1%;
	padding: 0px;
	width: 77%;
}

#feed_result h1 {
	background-color: #ffffff;
	border-bottom: 1px solid #aaaaaa;
	margin-left: -5px;
	margin-right: -5px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
}

ol.feed_post_list_index {
	background-color: #ffffff;
	border-top: 1px solid #bbbbbb;
	margin: 0;
	padding: 0;
}


ol.feed_post_list_index li {
	border-bottom: 1px solid #ffffff;
	display: block;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 1px;
	padding-left: 2px;
	text-align: left;
}

ol.feed_post_list_index li:hover {
	background-color: #ddddff;
	border-bottom: 1px solid #aaaaaa;
}

ol.feed_post_list_index li h4 {
	font-size: 12px;
	margin: 0px;
	margin-top: 0px;
}


ol.feed_post_list_index li span {
	font-size: 10px;
}


ol.feed_post_list_index li p {
	font-size: 10px;
	margin: 0px;
	padding-left: 5px;
	padding-bottom: 2px;
}

ol.feed_post_list_index li a {
	color: #0000ff;
}


/**** MOST POPULAR ****/

#most_popular_feed {
	border-top: 1px solid #bbbbaa;
	border-bottom: 1px solid #bbbbaa;
	float:left;
	margin-left: 0px;
	width: 49%;
}

#most_popular_feed:hover {
	background-color: #ffbb00;
	border-top: 1px solid #cc9900;
}

#most_popular_feed h2 {
	background: #ffffff;
	border-bottom: 1px solid #aaaaaa;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.2em;
	margin-left: -3px;
	margin-top: 5px;
	padding-left: 5px;
}

#most_popular_feed h2 a {
	color: #000000;
	text-decoration: none;
}

#most_popular_feed h2 a:hover {
	text-decoration: underline;
}



/******** END MOST POPULAR ******/


/**** MOST RECENT ****/

#most_recent_feed {
	border-top: 1px solid #bbbbaa;
	border-bottom: 1px solid #bbbbaa;
	float:left;
	width: 50%;
}

#most_recent_feed h2 {
	background-color: #ffffff;
	border-bottom: 1px solid #aaaaaa;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.2em;
	margin-top: 5px;
}

#most_recent_feed h2 a {
	color: #000000;
	text-decoration: none;
}

#most_recent_feed h2 a:hover {
	text-decoration: underline;
}

#most_recent_feed:hover {
	background-color: #cc4444;
	border-top: 1px solid #854444;
}

/******** END MOST POPULAR ******/

/***** MOST COMMMENTED ***/

#most_commented_feed {
	border-top: 1px solid #bbbbaa;
	border-bottom: 1px solid #bbbbaa;
	float:left;
	width: 34%;
}

#most_commented_feed:hover {
	background-color: #00cc00;
	border-top: 1px solid #00aa00;
}

#most_commented_feed h2 {
	background: #ffffff;
	border-bottom: 1px solid #aaaaaa;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.2em;
	margin-left: 0px;
	margin-right: -3px;
	margin-top: 5px;
	padding-left: 5px;
}

#most_commented_feed h2 a {
	color: #000000;
	text-decoration: none;
}

#most_commented_feed h2 a:hover {
	text-decoration: underline;
}

/******** END MOST COMMENTED ******/

.error {
	background-color: #fff;
	border: 1px solid red;
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
	text-align: center;
}

/********** FINE BLOCCO FEED ******/
